<template>
    <el-tabs v-model="activeName" type="border-card" style="width: 87% ">
        <el-tab-pane label="部门管理" name="DepMana"><DepMana></DepMana></el-tab-pane>
        <el-tab-pane label="职位管理"name="PosMana"><PosMana></PosMana></el-tab-pane>
        <el-tab-pane label="职级管理"name="JobLevelMana"><JobLevelMana></JobLevelMana></el-tab-pane>
        <el-tab-pane label="权限管理"name="PermissMana"><PermissMana></PermissMana></el-tab-pane>
    </el-tabs>
</template>

<script>
    import DepMana from '../../components/sys/DepMana'
    import JobLevelMana from '../../components/sys/JobLevelMana'
    import PermissMana from '../../components/sys/PermissMana'
    import PosMana from '../../components/sys/PosMana'

    export default {
        name: "SysBasic",
        data(){
            return{
                activeName:'first'
            }
        },
        components:{
            DepMana,
            JobLevelMana,
            PermissMana,
            PosMana
        }
    }
</script>

<style scoped>

</style>